<template>
  <div class="earth-container">
    <EarthIcon ref="svgRef" class="earth-svg" />
    <!-- <img src="@/assets/top.svg" alt="Earth" ref="svgRef" class="earth-svg" /> -->
    <!-- 弹窗（Teleport 到 body） -->

  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, watch, shallowRef, nextTick } from 'vue';
import EarthIcon from '@/assets/top.svg';
import { applyAnimations, clearAllAnimations } from '../../animationManager';

</script>

<style scoped>
.earth-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  position: relative; /* 新增定位上下文 */
}

.earth-svg {
  transform-origin: center;
}


</style>
